* {
    margin: 0;
    padding: 0;
}
body {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    /* min-height: 100vh; */
    background: #222;
    width: 100vw;
    height: 100vh;
}
.clock {
    width: auto;
    zoom: 4.75;
}
.flip-clock-dot {
    /* background: #ccc; */
    background: #ffffff;
}
.flip-clock-meridium a {
    /* color: #ccc; */
    color: #ffffff;
}
.flip-clock-meridium a:hover{
    /* color: #ccc; */
    color: #ffffff;
}
h3 {
    font-family: "Microsoft YaHei";
    /*font-family: "Helvetica Neue", Helvetica, sans-serif;*/
    /*font-family: sans-serif, Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;*/
    /* color: #ccc; */
    color: #ffffff;
    text-align: center;
    zoom: 4.5;
}
#box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    /* display: table; */
}
#content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*color: #fff;*/
    text-align: center;
    /* display: table-cell; */
    vertical-align: middle;
}
